<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>i-witkey</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="css/global.css"/>
    <link rel="stylesheet" type="text/css" href="css/login_z.css" />
   	<script src="scripts/utilities.js" type="text/javascript"></script>
    <script src="scripts/register.js" type="text/javascript"></script>
    <script src="scripts/login.js" type="text/javascript"></script>
</head>

    <body onload="document.getElementById('username').focus()">
    
    <div class="head">
    	<div class="K">
        	<span id="K"></span>
        </div>
    	<div class="Z">
        	<span id="Z" onclick="window.location.href='#'"></span>
        </div>
        <div class="D">
        	<span id="D" onclick="window.location.href='index.html'"></span>
        </div>
        <div class="B">
        	<span id="B" onclick="window.location.href='about.html'"></span>
        </div>
        <div class="J">
        	<span id="J" onclick="window.location.href='advice.html'"></span>
        </div>
    </div>
    
    <div class="main">
      
      <div class="left">
      	<div class="N_field">
       	  <!-- <div id="N_blank" name="N_blank">账号：</div> -->
       	  <div id="N_blank">账号：</div>
            <div id="N_input">
              <input id="N" name="N" type="text" size="35"/>
          </div>
        </div>
        <div class="P_field">
       	  <!-- <div id="P_blank" name="P_blank">密码：</div> -->
       	  <div id="P_blank">密码：</div>
			<div id="P_input">
              <input id="P" name="P" type="password" size="35"/>
            </div>
        </div>
<div class="S" onclick="login()">
        	<a></a>        </div>
      </div>

	  <div class="center">
	  	  <div class="center_menu"></div>
          <div class="center_body">
            <form name="orderform" action="" method="post">
        
              <div class="username_field">
                  <span id="username_blank">请输入用户名： </span>
                  <span id="username_input">
                  <input id="username" name="username" type="text" size="30"
                          onblur="validateName(6, 20, this, document.getElementById('username_help'))"
                          onfocus="changeBool()"/>
                  </span>
                  <span id="img_username"></span>
                  <span id="username_help" class="help"></span>          
              </div>
              
        
              <div class="password_field">
                  <span id="password_blank">请输入您的密码：</span>
                  <span id="password_input">
                      <input id="password" name="password" type="password" size="30" 
                          onblur="validatePassword(8, 20, this, document.getElementById('password_help'))" />
                </span>
                  <span id="img_password"></span>
                  <span id="password_help" class="help"></span>         
              </div>
              
              <div class="re_password_field">
                  <span id="re_password_blank">请再次输入您的密码：</span>
                <span id="re_password_input">
                    <input id="re_password" name="re_password" type="password" size="30"
                                  onblur="validateSame(this, document.getElementById('same_help'))" />
                </span>  
                  <span id="img_re_password"></span>
                  <span id="same_help" class="help"></span>        
              </div>
                
              <div class="sex_field">
              	  <span id="sex_blank">请选择您的性别：</span>
                  <span id="sex_input">
                  	  <input name="sex" type="radio" id="sex" checked="checked"/>男
                  	  <input id="sex" name="sex" type="radio"/>女
                  </span>              
              </div>
            
		      <div class="phone_field">
                  <span id="phone_blank">请输入您的电话号码：</span>
                  <span id="phone_input">
       	          <input id="phone" name="phone" type="text" size="30"
                      	  onblur="validatePhone(this, document.getElementById('phone_help'))" />
                  </span>
                  <span id="img_phone"></span>
                  <span id="phone_help" class="help"></span>       
              </div>
              
              
              <div class="email_field">
                  <span id="email_blank">请输入您的邮箱：</span>
                  <span id="email_input">
                  <input id="email" name="email" type="text" size="30"
                          onblur="validateEmail(this, document.getElementById('email_help'))" />
                  </span>
                  <span id="img_email"></span>
                  <span id="email_help" class="help"></span>        
              </div>
              
              <div class="personimage_field">
                  <span id="personimage_blank">请选择您的头像：</span>
                  <span id="personimage_input">
                  <input id="personimage" name="personimage" type="text" size="10"/>
                  </span>
                  <div class="personimage_button">
                  	<span id="personimage_button" onclick="submitImageButton();">...
                    </span>
				  </div>
                  <span id="personimage_help" class="help"></span>
              </div>
              
              <div class="describe_field">
                  <span id="describe_blank">请输入您的自我介绍：
                  </span><span id="describe_input">
                  <textarea name="describe" cols="30" rows="4" id="describe"></textarea>
                  </span><span id="img_email"></span>
                  <span id="email_help" class="help"></span>              
              </div>
              <div class="submit_field" onclick="register(this.form)">
                <a></a>
              </div>
            </form>
          </div>
      </div>
    </div>
    <div>
		<form action="UploadImage" method="post" enctype="multipart/form-data"
			target="hidden_frame" style="display: none">
			<input type="file" name="mf_imgSrc" id="fileField" onchange="clickSubmit()"/> 
			<input type="submit" name="button" id="ImageSubmitButton" value="保存 " />
			<iframe name='hidden_frame' id="hidden_frame" style='display: none'></iframe>
		</form>
	</div>
  </body>
</html>